@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css');



 @media (max-width: 550px) {
     .big-container {
         display: none;
     }
 }
 @media (min-width: 550px) {
     .small-container {
         display: none;
     }
 }
 /* Responsive iFrame */
 .responsive-iframe-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }


*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



.cursos {
  margin: 0 0 10px; /0 0 20px*/
  line-height: 1.7;
}


main {
/*  min-width: 320px;
  max-width: 1200px;  800px */
  width:80%;
  padding: 2px; /* 50px*/
  margin: 0 auto;
/*  background: #fff;*/
}

section {
  display: none;
  padding: 10px 0 0; /* 20 */
  border-top: 1px solid #ddd;
}

input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px; /*  15px 25px; */
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

label:before {
  font-weight: normal;
  margin-right: 5px; /* 10px*/
}


label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  font-size:18px;
  border: 1px solid #ddd;
  border-top: 2px solid green;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8



/*#tab8:checked ~ #content8*/
/*#tab9:checked ~ #content9*/
 {
  display: block;
}

@media screen and (max-width: 650px) {
  /*label {
    font-size: 0;
  }*/
  label:before {
    margin: 0;
    font-size: 18px;
  }

.celdap2{
	width: 100px;
	margin-left:5px; /* 25px */
	text-align:left;
}
	



.p22{
	width:100%;
	text-align: center;
	
}

.calTitulo1, .calTitulo2{
	width:100%;
	text-align:center;
}


 @media (max-width: 550px) {
     .big-container {
         display: none;
     }
 }
 @media (min-width: 550px) {
     .small-container {
         display: none;
     }
 }
 /* Responsive iFrame */
 .responsive-iframe-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

}

@media screen and (max-width: 400px) {
  label {
    padding: 8px; /* 15px */

  }
  

.celdap2{
	width: 100px;
	margin-left:15px; /* 5px, 25px */
	text-align:left;
}
.p22{
	width:100%;
	
}

.calTitulo1, .calTitulo2{
	width:100%;
	text-align:center;
	font-size:14px;
}


 @media (max-width: 550px) {
     .big-container {
         display: none;
     }
 }
 @media (min-width: 550px) {
     .small-container {
         display: none;
     }
 }
 /* Responsive iFrame */
 .responsive-iframe-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }


}



/* Calendario */

 @media (max-width: 550px) {
     .big-container {
         display: none;
     }
 }
 @media (min-width: 550px) {
     .small-container {
         display: none;
     }
 }

@media (max-width: 769px) {

	#Navega{height: auto}
 /* Responsive iFrame */
 .responsive-iframe-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;/* nuevo */
     width: 100%;
     height: 100%;
	}

#redesCalendario{
	width: 85%;
	clear: both;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1%;
}

.rs{
	margin-top: 10px;
	width: 10%;
}

.ocultar{
	display:none;
}	

.Cuadro1Tem{
	float: none;
	width: 90%;
	margin:0 auto;
}

.Cuadro2Tem{
	float: none;
	width: 90%;
	margin:0 auto;
}
.Temario4{
	width: 90%;
	font-size:14px;
	text-align:left;
}

.imgTem{
	margin-top:15px;
	width:70%;
	float:none;
	margin:auto;
}

.p1{
	font-size: 14px;
	margin-top:15px;
}

.tr, ,tr1{
	margin-top:20px;
	
}

.p22{
	width: 100%;
	font-size: 14px;
	margin-left:5px; /* 25px */
	margin-top:2px;
}

#espcontacto{
	clear:both;
	width:100%;
	text-align:center;
	font-size:18px;
	margin: 0 auto;
}


#cuadro1Contacto{
	clear:both;
	width:90%;
	text-align:center;
	float:none;
	margin: 0 auto;
}

#cuadro2Contacto{
	clear:both;
	width:95%;
	float:none;
	margin: 0 auto;
}


.acomodarimg{
	clear:both;
	width:90%;
	margin:0 auto;
}


#contactform{
width: 100%;
max-width:250px;
margin: 0 auto; /*30px auto; */
background: #fafafa;
overflow: hidden;
border:1px solid;
border-bottom:15px solid;
border-color: #37a0f3;
}

.celdap2{
	width: 110px;
	margin-left:5px; /* 25px */
}

.Tec, .FH, .CI, .RST, .AyD{width:100%}

	table, thead, tr, .tr1, th, tbody, td{
		width:100%;
		display:block;
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	thead tr1 { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	td{ 
		border: none;
		border-bottom: 5px solid #eee; 
		position: relative;
		text-align:left; /* right; */;
		padding-left: 0%; /* 40% */
	}
	td:before { 
		position: absolute;
		padding-left:5px; /* 25% */ 
		top: 6px;
		left: -12px;
		text-align:left;
		width: 45%; 
		padding-right: 5px; /* 5px */
		white-space: nowrap;
	}
	
	#izq{text-align: center;}
	
	td:before { 
	margin-left: 3%;
	}

	td:nth-of-type(1):before { content: "Curso"; font-size:16px; }
	td:nth-of-type(2):before { content: "Costo (Sin IVA)"; }
	td:nth-of-type(3):before { content: "Abril" }
	td:nth-of-type(4):before { content: "Mayo" }
	td:nth-of-type(5):before { content: "Junio" }
	td:nth-of-type(6):before { content: "Julio" }
	td:nth-of-type(7):before { content: "Agosto" }
	td:nth-of-type(8):before { content: "Septiembre"}

.tr1 td{ 
		border: none;
		border-bottom: 5px solid #eee; 
		position: relative;
		text-align:left; /* right; */;
		padding-left: 40%; /* 20% */
	}
	
	.tr1 td:before { 
		position: absolute;
		padding-left:5px; /* 25% */ 
		top: 25px;
		left: 10px;/*-3px;*/
		text-align:left;
		width: 45%; 
		padding-right: 5px; /* 5px */
		white-space: nowrap;
	}	
	/*.tr1 td:nth-of-type(1):before { content: "Lunes"; font-size:16px; font-style: italic; }*/
/*	.tr1 td:nth-of-type(2):before { content: "Martes"; }*/
	/*.tr1 td:nth-of-type(3):before { content: "Miércoles"; }*/
	/*.tr1 td:nth-of-type(4):before { content: "Jueves"; }*/	
	/*.tr1 td:nth-of-type(5):before { content: "Viernes"; }*/

	
	
	margin-botton:10px;
	
	tr.salto > td { padding-bottom: 1.5em; margin-bottom:10px;}
	tr1.salto > td { padding-bottom: 1.5em; margin-bottom:10px;}

}